@charset "UTF-8";
/* CSS Document */


/*--头部--*/
.header {
    width: 100%;
    height: 110px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}

.header .group {
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 110px;
}

.header .logo {
    display: -ms-flex;
    display: flex;
    align-items: center;
}

.header .logo .img {
    font-size: 0;
    margin-right: 15px;
}

.header .logo .img a {
    display: block;
}

.header .logo .img img {
    height: 52px;
}

.header .logo .txt {
    font-size: 24px;
    color: #515151;
}

.header .search .box {
    display: -ms-flex;
    display: flex;
    align-items: center;
}

.header .search .box .inpbox {
    width: 290px;
}

.header .search .box .inpbox input.inp {
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    border-radius: 5px 0 0 5px;
    border: 1px solid #c30d23;
    border-right: 0 none;
    font-size: 14px;
    color: #333;
    padding: 0 1em;
}

.header .search .box .btnbox input.btn {
    width: 110px;
    height: 36px;
    border: 0 none;
    background: #c30d23;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    transition: opacity .2s;
}

.header .search .box .btnbox input.btn:active {
    opacity: .8;
}


/*--底部--*/
.footer {
    padding: 40px 0;
    background: #3e3a39;
}

.footer .logo {
    font-size: 0;
}

.footer .logo a {
    display: inline-block;
}

.footer .logo img {
    height: 42px;
}

.footer .navs {
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px;
}

.footer .navs .item {
    padding-right: 21px;
    margin-right: 20px;
    position: relative;
    font-size: 14px;
    color: #fff;
}

.footer .navs .item:after {
    content: '';
    display: block;
    width: 1px;
    height: 12px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

.footer .navs .item a {
    color: #fff;
}

.footer .navs .item:last-child {
    margin-right: 0;
    padding-right: 0;
}

.footer .navs .item:last-child:after {
    display: none;
}

.footer .copy {
    padding-top: 10px;
    font-size: 12px;
    color: #b5b5b5;
}


.wrapper {
    padding-top: 110px;
}

/*--导航栏*/
.navbar {
    width: 100%;
    height: 52px;
}

.navbar .position {
    width: 100%;
    height: 52px;
    background: #c30d23;
    position: absolute;
    left: 0;
    top: 610px;
    z-index: 999;
}

.navbar .position.fixed {
    position: fixed;
    top: 110px;
}

.navbar .center-1200 {
    height: 52px;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar .item a {
    font-size: 19px;
    color: #ffffff;
}

.navbar .item a.on {
    color: #fede00;
}

.wrapper.no-banner {
    padding-top: 162px;
}

.wrapper.no-banner .navbar {
    position: fixed;
    top: 110px;
    z-index: 999;
}

.wrapper.no-banner .navbar .position {
    top: 0;
}

.wrapper.no-banner .navbar .position.fixed {
    position: absolute;
    top: 0;
}


/*--轮播按钮1--*/
.in-button-prev1,
.in-button-next1 {
    width: 24px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 99;
    margin-top: -25px;
    background: rgba(255, 255, 255, .3);
    font-size: 0;
    line-height: 0;
    transition: background-color .2s;
}

.in-button-prev1 {
    border-radius: 0 5px 5px 0;
    left: 0;
}

.in-button-next1 {
    border-radius: 5px 0 0 5px;
    right: 0;
}

.in-button-prev1:hover,
.in-button-next1:hover {
    background: rgba(255, 255, 255, .5);
}

.in-button-prev1:before,
.in-button-next1:before {
    content: '';
    display: block;
    width: 8px;
    height: 14px;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 50%;
    margin-top: -7px;
    background: url("../images/slide-controller1.png") no-repeat left center / 200% 100%;
}

.in-button-prev1:before {
    background-position-x: left;
}

.in-button-next1:before {
    background-position-x: right;
}

.in-button-prev1.swiper-button-disabled,
.in-button-next1.swiper-button-disabled {
    opacity: .5;
    pointer-events: none;
}


/*--轮播按钮2--*/
.in-button-prev2,
.in-button-next2 {
    width: 36px;
    height: 36px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 99;
    margin-top: -18px;
    background: url("../images/slide-controller2.png") no-repeat left top / 200% 200%;
}

.in-button-prev2 {
    left: 0;
    background-position-x: left;
}

.in-button-next2 {
    right: 0;
    background-position-x: right;
}

.in-button-prev2:hover,
.in-button-next2:hover {
    background-position-y: bottom;
}

.in-button-prev2.swiper-button-disabled,
.in-button-next2.swiper-button-disabled {
    opacity: .5;
    pointer-events: none;
}


/*--轮播按钮3--*/
.in-button-prev3,
.in-button-next3 {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 50%;
    margin-top: -60px;
    background: rgba(149, 149, 149, .2);
    cursor: pointer;
    z-index: 99;
}

.in-button-prev3 {
    left: 0;
}

.in-button-next3 {
    right: 0;
}

.in-button-prev3:before,
.in-button-next3:before {
    content: '';
    display: block;
    width: 36px;
    height: 60px;
    background: url("../images/slide-controller3.png") no-repeat left top / 200% 200%;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    top: 50%;
    margin-top: -30px;
}

.in-button-prev3:before {
    background-position-x: left;
}

.in-button-next3:before {
    background-position-x: right;
}

.in-button-prev3:hover:before,
.in-button-next3:hover:before {
    background-position-y: bottom;
}

.in-button-prev3.swiper-button-disabled,
.in-button-next3.swiper-button-disabled {
    opacity: .5;
    pointer-events: none;
}


/*--轮播分页--*/
.swiper-pagination.sino-pagination {
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    line-height: 0;
}

.swiper-pagination.sino-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 9px;
    opacity: 1;
}

.swiper-pagination.sino-pagination .swiper-pagination-bullet-active {
    background: #c30d23;
}

/*--轮播分页对齐方式--*/
.swiper-pagination.sino-pagination.align-left {
    justify-content: flex-start;
}

.swiper-pagination.sino-pagination.align-left .swiper-pagination-bullet {
    margin: 0 18px 0 0;
}

.swiper-pagination.sino-pagination.align-right {
    justify-content: flex-start;
}

.swiper-pagination.sino-pagination.align-right .swiper-pagination-bullet {
    margin: 0 0 0 18px;
}

/*--轮播分页样式--*/
.swiper-pagination.sino-pagination.skin1 .swiper-pagination-bullet {
    background: rgba(255, 255, 255, .6);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.swiper-pagination.sino-pagination.skin1 .swiper-pagination-bullet-active {
    background: #c30d23;
}

.swiper-pagination.sino-pagination.skin2 .swiper-pagination-bullet {
    background: #dcdcdc;
}

.swiper-pagination.sino-pagination.skin2 .swiper-pagination-bullet-active {
    background: #c30d23;
}

.swiper-pagination.sino-pagination.skin3 .swiper-pagination-bullet {
    background: #ffffff;
}

.swiper-pagination.sino-pagination.skin3 .swiper-pagination-bullet-active {
    background: #c30d23;
}

.swiper-pagination.sino-pagination.skin4 .swiper-pagination-bullet {
    background: #f1cdd2;
}

.swiper-pagination.sino-pagination.skin4 .swiper-pagination-bullet-active {
    background: #c30d23;
}


/*--分页--*/
.pagebar {
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}

.pagebar a,
.pagebar b,
.pagebar span {
    display: block;
    width: auto;
    min-width: 28px;
    height: 28px;
    box-sizing: border-box;
    text-align: center;
    line-height: 28px;
    padding: 0 5px;
    background: #f4f4f5;
    position: relative;
    border-radius: 3px;
    margin: 0 5px;
    font-size: 12px;
    color: #333;
}

.pagebar a:hover {
    color: #c30d23;
}

.pagebar b {
    background: #c30d23;
    color: #fff;
}

.pagebar a.prev:before,
.pagebar a.next:before {
    content: '';
    display: block;
    width: 6px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 50%;
    margin-top: -5px;
    background: url("../images/pagebar.png") no-repeat left top / 200% 200%;
}

.pagebar a.prev:before {
    background-position-x: left;
}

.pagebar a.next:before {
    background-position-x: right;
}

.pagebar a.prev:hover:before,
.pagebar a.next:hover:before {
    background-position-y: bottom;
}


/*--当前位置--*/
.site-location {
    max-width: 1200px;
    height: 60px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    margin: 0 auto;
    background: url("../images/icon-location.png") no-repeat left center / 14px 14px;
    padding-left: 25px;
    font-size: 14px;
    color: #999;
    display: -ms-flex;
    display: flex;
    align-items: center;
}

.site-location .item:after {
    content: '-';
    padding: 0 10px;
}

.site-location .item:last-child:after {
    display: none;
}

.site-location .item a {
    color: #999;
}

.site-location .item a:hover {
    color: #c30d23;
}


/*--内页banner--*/
.nban {
    height: 150px;
    background: url("../images/nban.jpg") no-repeat center bottom / 1920px auto;
    font-size: 0;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nban .box {
    position: relative;
}

.nban .box span {
    display: block;
    font-size: 56px;
    font-weight: bold;
}

.nban span.text {
    color: #f7eea4;
    text-shadow: 2px 8px 2px rgba(0, 0, 0, .15);
}

.nban span.shadow {
    display: none;
}


/*--课程item--*/
.course-item-box {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    border-radius: 5px;
}

.course-item-box .img {
    position: relative;
}

.course-item-box .img a {
    display: block;
}

.course-item-box .img .space {
    font-size: 0;
}

.course-item-box .img .space svg {
    width: 100%;
}

.course-item-box .img .imgbox {
    font-size: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.course-item-box .img .imgbox img {
    width: 100%;
    height: 100%;
    transition: transform .5s;
}

.course-item-box .img .imgbox img:hover {
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.course-item-box .img .txtbox {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding: 0 15px;
}

.course-item-box .img .tag-visits {
    position: absolute;
    right: 5px;
    top: 5px;
    background: rgba(0, 0, 0, .5);
    display: -ms-flex;
    display: flex;
    align-items: center;
    height: 20px;
    border-radius: 10px;
    padding: 0 10px;
    z-index: 20;
    font-size: 14px;
    color: #fff;
}

.course-item-box .img .tag-visits:before {
    content: '';
    display: block;
    width: 15px;
    height: 12px;
    margin-right: 5px;
    background: url("../images/icon-personal.png") no-repeat left center / 100% 300%;
}

.course-item-box .img .tag-type {
    position: absolute;
    right: 0;
    top: 0;
    background: #c30d23;
    display: -ms-flex;
    display: flex;
    align-items: center;
    height: 20px;
    border-radius: 0 5px 0 5px;
    padding: 0 10px;
    z-index: 20;
    font-size: 14px;
    color: #fff;
}

.course-item-box .con {
    padding: 15px;
}

.course-item-box .con .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}

.course-item-box .con .title a {
    color: #000;
}

.course-item-box .con .title a:hover {
    color: #c30d23;
}

.course-item-box .con .note {
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    font-size: 14px;
    color: #999;
}

.course-item-box .con .note .teacher {
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.course-item-box .con .note .personal {
    padding-left: 20px;
    position: relative;
}

.course-item-box .con .note .personal:before {
    content: '';
    display: block;
    width: 15px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    background: url("../images/icon-personal.png") no-repeat left top / 100% 300%;
}

.course-item-box.size-small .img .txtbox {
    padding: 0 12px;
}

.course-item-box.size-small .con {
    padding: 10px 12px;
}

.course-item-box.size-history .img .txtbox {
    padding: 0 12px;
}

.course-item-box.size-history .con {
    padding: 15px 12px;
}

.course-item-box.size-history .con .title {
    font-size: 14px;
}


/*--名师item--*/
.lecture-item-box {
    display: block;
    position: relative;
    width: 216px;
    height: 420px;
}

.lecture-item-box .img {
    font-size: 0;
    position: relative;
    z-index: 20;
}

.lecture-item-box .img img {
    width: 216px;
    height: 240px;
}

.lecture-item-box .con {
    padding-top: 10px;
    text-align: center;
}

.lecture-item-box .con .name {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.lecture-item-box .con .title {
    font-size: 14px;
    color: #999999;
    line-height: 17px;
    padding-top: 5px;
}

.lecture-item-box .con .note {
    font-size: 16px;
    color: #000;
    padding-top: 5px;
    max-width: 180px;
    margin: 0 auto;
}

.lecture-item-box .line {
    width: 100%;
    height: calc(100% - 100px);
    position: absolute;
    left: 0;
    top: 90px;
}

.lecture-item-box .line .item {
    position: absolute;
}

.lecture-item-box .line .item:nth-child(1) {
    width: 0;
    height: 2px;
    top: 0;
    left: 50%;
    margin-left: 0;
    background: #c30d23;
    transition: all .2s;
    transition-delay: .7s;
}

.lecture-item-box .line .item:nth-child(2) {
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    box-sizing: border-box;
    border-left: 2px solid #c30d23;
    border-right: 2px solid #c30d23;
    transition: all .4s;
    transition-delay: .3s;
}

.lecture-item-box .line .item:nth-child(3) {
    width: 0;
    height: 2px;
    background: #c30d23;
    left: 0;
    bottom: 0;
    transition: all .1s;
    transition-delay: .2s;
}

.lecture-item-box .line .item:nth-child(4) {
    width: 0;
    height: 2px;
    background: #c30d23;
    right: 0;
    bottom: 0;
    transition: all .1s;
    transition-delay: .2s;
}

.lecture-item-box .line .more {
    width: 100%;
    height: 22px;
    position: absolute;
    left: 0;
    bottom: -10px;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #c30d23;
    opacity: 0;
    transition: opacity .2s;
    transition-delay: 0ms;
}

.lecture-item-box .line .more:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url("../images/in-lecture-more.png") no-repeat center / 100% 100%;
    margin-left: 5px;
}

.lecture-item-box:hover .con .note {
    color: #c30d23;
}

.lecture-item-box:hover .line .item:nth-child(1) {
    width: 100%;
    margin-left: -108px;
    transition-delay: 0ms;
}

.lecture-item-box:hover .line .item:nth-child(2) {
    height: 100%;
    transition-delay: .2s;
}

.lecture-item-box:hover .line .item:nth-child(3) {
    width: 60px;
    transition-delay: .6s;
}

.lecture-item-box:hover .line .item:nth-child(4) {
    width: 60px;
    transition-delay: .6s;
}

.lecture-item-box:hover .line .more {
    opacity: 1;
    transition-delay: .7s;
}


/*--院校轮播--*/
.alliance-member-group {
    position: relative;
}

.alliance-member-group .in-button-prev2 {
    left: -61px;
}

.alliance-member-group .in-button-next2 {
    right: -61px;
}

.alliance-member-group .swiper-container {
    padding: 5px;
}

.alliance-member-group .swiper-slide {
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.alliance-member-group .swiper-slide .item {
    width: 270px;
    padding: 15px 0;
    margin-right: 40px;
}

.alliance-member-group .swiper-slide .item:nth-child(4n + 0) {
    margin-right: 0;
}

.alliance-member-group .swiper-slide .item a {
    display: block;
}

.alliance-member-group .swiper-slide .item img {
    width: 270px;
    height: 120px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}


/*--专题资源item--*/
.resource-item-box {
    display: block;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.resource-item-box .img {
    position: relative;
}

.resource-item-box .img .imgbox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.resource-item-box .img .imgbox a {
    display: block;
    width: 100%;
    height: 100%;
}

.resource-item-box .img .imgbox img {
    width: 100%;
    height: 100%;
    border-radius: 5px 5px 0 0;
}

.resource-item-box .con {
    padding: 12px;
}

.resource-item-box .con .tit {
    font-size: 18px;
    color: #000;
    height: 60px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;

}


.resource-item-box .con .tit a {
    color: #000;
    transition: color .2s;
}

.resource-item-box .con .tit a:hover {
    color: #c30d23;
}


/*----育人品牌item----*/
.education-item-box {
    background: #fff;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.education-item-box .img {
    font-size: 0;
}

.education-item-box .img a {
    display: block;
}

.education-item-box .img img {
    width: 232px;
    height: 330px;
    border-radius: 5px 5px 0 0;
}

.education-item-box .con {
    padding: 15px 20px;
}

.education-item-box .txt {
    font-size: 17px;
    max-height: 44px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
}

.education-item-box .txt a {
    color: #000;
}

.education-item-box .txt a:hover {
    color: #c30d23;
}


/*---筛选----*/
.list-filter-box {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    position: relative;
}

.list-filter-box .group {
    display: -ms-flex;
    display: flex;
}

.list-filter-box .group.hide {
    display: none;
}

.list-filter-box .group .name {
    width: 110px;
    line-height: 30px;
    box-sizing: border-box;
    padding: 10px 0 10px 20px;
    font-size: 14px;
    color: #000;
    position: relative;
}

.list-filter-box .group .name span {
    position: relative;
    z-index: 20;
}

.list-filter-box .group .list {
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 0 5px 20px;
}

.list-filter-box .group .list .item {
    padding: 5px 0;
    margin-right: 15px;
}

.list-filter-box .group .list .item:last-child {
    margin-right: 0;
}

.list-filter-box .group .list .item a,
.list-filter-box .group .list .item span {
    display: block;
    line-height: 28px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 15px;
    font-size: 14px;
    color: #000;
}

.list-filter-box .group .list .item a.on,
.list-filter-box .group .list .item span {
    color: #c30d23;
    font-weight: bold;
    border-color: #c30d23;
}

.list-filter-box .group .list .item a:hover {
    color: #c30d23;
}

.list-filter-box .head {
    background: #f9f9f9;
    border-radius: 5px 5px 0 0;
}

.list-filter-box .head .group .name:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #dddddd;
    position: absolute;
    right: 0;
    top: 0;
}

.list-filter-box .head .group .name:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #f9f9f9;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -4px;
    top: 50%;
    margin-top: -4px;
    z-index: 2;
}

.list-filter-box .foot .group {
    border-bottom: 1px solid #e2e2e2;
}

.list-filter-box .foot .group:last-child {
    border-bottom: 0 none;
}

.list-filter-box .foot .group .name {
    padding: 15px 0 15px 20px;
}

.list-filter-box .foot .group .name:after {
    content: '';
    display: block;
    width: 1px;
    background: #dddddd;
    position: absolute;
    right: 0;
    top: 15px;
    bottom: 15px;
}

.list-filter-box .foot .group .list {
    padding: 10px 0 10px 20px;
}


/*--论文轮播--*/
.paper-slide-group .swiper-container {
    padding: 5px 5px 30px 5px;
}

.paper-slide-group .swiper-pagination {
    bottom: 0;
}

.paper-slide-group .swiper-slide .box {
    display: block;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.paper-slide-group .swiper-slide .box .img {
    font-size: 0;
    padding: 10px;
    background: #ffe2e6;
    border-radius: 5px 5px 0 0;
}

.paper-slide-group .swiper-slide .box .img img {
    width: 100%;
    height: 260px;
}

.paper-slide-group .swiper-slide .box .con {
    padding: 10px;
    text-align: center;
}

.paper-slide-group .swiper-slide .box .con .tit {
    font-size: 14px;
    color: #333;
    line-height: 20px;
}

.paper-slide-group .swiper-slide .box .con .tit:hover {
    color: #c30d23;
}

.paper-slide-group .swiper-slide .box .con .tit {
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.paper-slide-group .swiper-slide .box .con .txt {
    font-size: 12px;
    color: #999;
    padding-top: 5px;
}


/*--名师团队--*/
.team-slide-group {
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.team-slide-group-l {
    width: 800px;
}

.team-slide-group-l .swiper-slide {
    background: #fff;
}

.team-slide-group-l .box {
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.team-slide-group-l .box .img {
    font-size: 0;
    width: 325px;
    height: 430px;
}

.team-slide-group-l .box .con {
    width: 440px;
}

.team-slide-group-l .box .con .name {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    position: relative;
    padding-left: 15px;
}

.team-slide-group-l .box .con .name:before {
    content: '';
    display: block;
    width: 3px;
    height: 24px;
    background: #0051a4;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}

.team-slide-group-l .box .con .note {
    font-size: 14px;
    color: #999;
    padding-top: 10px;
}

.team-slide-group-l .box .con .text {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    padding-top: 15px;
}

.team-slide-group-r {
    width: 324px;
}

.team-slide-group-controller {
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0;
    padding-top: 40px;
}

.team-slide-group-controller .item {
    width: 96px;
    height: 96px;
    padding-top: 18px;
    margin-right: 18px;
}

.team-slide-group-controller .item:nth-child(3n + 0) {
    margin-right: 0;
}

.team-slide-group-controller .item:nth-child(1),
.team-slide-group-controller .item:nth-child(2),
.team-slide-group-controller .item:nth-child(3) {
    padding-top: 0;
}

.team-slide-group-controller .item a {
    display: block;
}

.team-slide-group-controller .item img {
    width: 96px;
    height: 96px;
    cursor: pointer;
    border-radius: 5px;
    transition: opacity .2s;
}

.team-slide-group-controller:hover .item img {
    opacity: .5;
}

.team-slide-group-controller:hover .item img:hover {
    opacity: 1;
}

.team-slide-group-next {
    text-align: right;
    font-size: 14px;
    color: #999;
    padding-top: 20px;
}

.team-slide-group-next a {
    color: #999;
}

.team-slide-group-next a:hover {
    color: #c30d23;
}


/*--分享--*/
.share-box {
    display: -ms-flex;
    display: flex;
    align-items: center;
    position: relative;
}

.share-box .name {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    margin-right: 10px;
}

.share-box .list {
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -ms-flex;
    display: flex;
    align-items: center;
}

.share-box .list .item {
    width: 24px;
    height: 24px;
    position: relative;
}

.share-box .list .item .icon {
    font-size: 0;
    cursor: pointer;
}

.share-box .list .item .icon img {
    width: 24px;
    height: 24px;
}

.share-box .list .item .show {
    display: none;
    width: 152px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -76px;
    top: 100%;
    padding-top: 10px;
}

.share-box .list .item .show:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: 5px;
    box-sizing: border-box;
}

.share-box .list .item .show .box {
    background: #fff;
    border: 1px solid #ddd;
    padding: 12px;
}

.share-box .list .item .show .box .code {
    font-size: 0;
}

.share-box .list .item .show .box .code img {
    width: 100%;
}

.share-box .list .item .show .box .note {
    font-size: 14px;
    color: #333;
    text-align: center;
    padding-top: 8px;
}

.share-box .list .item:hover .show {
    display: block;
    z-index: 999;
}


/*--查看更多--*/
.page-group-more {
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-group-more a {
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #999999;
}

.page-group-more a:before {
    content: '-';
    padding-right: 5px;
}

.page-group-more a:after {
    content: '-';
    padding-left: 5px;
}

.page-group-more a:hover {
    color: #c30d23;
}


/*--弹窗图片列表--*/
.detail-layer-images {
    font-size: 0;
    text-align: center;
}

.detail-layer-images img {
    width: 100%;
}

/*--弹窗视频--*/
.detail-layer-video {
    font-size: 0;
}

.detail-layer-video video {
    width: 100%;
}

/*--弹窗经验分享--*/
.detail-layer-exp {
    display: -ms-flex;
    display: flex;
    padding: 20px;
}

.detail-layer-exp .img {
    font-size: 0;
    margin-right: 20px;
}

.detail-layer-exp .img img {
    width: 180px;
}

.detail-layer-exp .con {
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.detail-layer-exp .con .name {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.detail-layer-exp .con .note {
    font-size: 14px;
    color: #999;
    padding-top: 10px;
}

.detail-layer-exp .con .text {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    padding-top: 10px;
}


/*--弹窗图片轮播--*/
.detail-layer-slide {
    width: 100%;
    height: 100%;
}

.detail-layer-slide .swiper-container {
    width: 100%;
    height: 100%;
}

.detail-layer-slide .swiper-slide {
    font-size: 0;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.detail-layer-slide .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
}

.detail-layer-slide .swiper-pagination .swiper-pagination-bullet-active {
    background: #c30d23;
}


/*--排序--*/
.list-sort-box {
    display: -ms-flex;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 0 20px;
}

.list-sort-box .item {
    margin-right: 20px;
}

.list-sort-box .item:last-child {
    margin-right: 0;
}

.list-sort-box .item a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    color: #666;
}

.list-sort-box .item a.on {
    color: #c30d23;
    font-weight: bold;
}


/*--悬浮广告样式，加载components.css里吧--*/
.fixed-right-ads {position: fixed; right: 20px; bottom: 20px; z-index: 9999;}
.fixed-right-ads .img {font-size: 0;}
.fixed-right-ads .img a {display: block;}
.fixed-right-ads .img img {width: 120px;}
.fixed-right-ads .close {display: -ms-flex; display: flex; justify-content: flex-end; padding-bottom: 5px;}
.fixed-right-ads .close a {display: -ms-flex; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; padding: 1px 5px; border-radius: 2px;}
.fixed-right-ads .close a span {color: #999; font-size: 12px;}
.fixed-right-ads .close a i {display: block; position: relative; width: 10px; height: 10px; margin-right: 3px; -ms-transform: rotate(45deg); transform: rotate(45deg);}
.fixed-right-ads .close a i:before,
.fixed-right-ads .close a i:after {content: ''; display: block; width: 20px; height: 2px; background: #999; position: absolute; left: 50%; margin-left: -10px; top: 50%; margin-top: -1px; -ms-transform: scale(0.5); transform: scale(0.5);}
.fixed-right-ads .close a i:after {-ms-transform: rotate(90deg) scale(0.5); transform: rotate(90deg) scale(0.5);}